<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2024/11/27
  Time: 下午6:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<style>
    .login{
        margin: 20px auto;
        padding: 30px 20px 0;
        width: 400px;
        text-align: center;
        float: right;
    }
    .login h1{
        color: #045e9e;
        margin-top: -5px;
    }
    .center{
        margin: auto;
        margin-top: 38px;
    }
    .login-button{
        width: 350px;
        height: 45px;
        background-color:  #065d9c;
        font-weight: bold;
        color: white;
        text-decoration: none;
        border-radius: 40px;
        border-color: #065d9c;
        border-bottom:  #065d9c;
        border-right:  #065d9c;
        font-size: 18px;
        margin-top: 41px;
        transition: 0.4s;
    }
    .login-button:hover{
        transform: scale(1.1);
        cursor: pointer;
    }
    .login-num{
        width: 350px;
        height: 38px;
        background-color: #b2d8f8;
        border:#b2d8f8 ;
        transition: 0.4s;
    }
    .login-num:hover{
        transform: scale(1.1);
        cursor: pointer;
    }
    .login-pwd{
        width: 350px;
        height: 38px;
        background-color: #b2d8f8;
        border:#b2d8f8 ;
        transition: 0.4s;
    }
    .login-pwd:hover{
        transform: scale(1.1);
        cursor: pointer
    }
    .background{
        margin-top: 130px;
        margin-left: 500px;
        width: 450px;
        height: 500px;
        border-radius: 40px;
        box-shadow: -10px 10px 40px #000000;
        background-color: #fff;
        opacity: 0.9;
    }
    .change-register-box{
        color: #999999;
        transition:all 0.5s;
        border-radius: 40px;
    }
    .change-register-box a{
        color: #065d9c;
        text-decoration: none;

    }
    .change-register-box p{
        display: block;
    }
    .p{
        margin-top: 30px;
    }

    .dl-z h2{
        margin-top: -20px;
        margin-left: 26px;
        height: 50px;
        color: #065d9c;
        width: 100%;
    }

    .beijing{
        background: url(./static/img/背景1.jpg );
        background-size:100%;
    }
    .sjh{
        margin-bottom: 3px;
        margin-left: -296px;
    }
    .mm{
        margin-top: 20px;
        margin-bottom: 3px;
        margin-left: -310px;
    }

</style>
<body class="beijing">
<div class="background">
    <div class="login">
        <h1>快来注册吧！</h1>
        <form action="Login.jsp" method="post" class="center">
            <div class="sjh">手机号</div>
            <input type="text" class="login-num" name="username" placeholder="请输入手机号">
<%--            <input type="text" class="login-num" name="username" placeholder="请输入手机号"  class="yzm" yzm>--%>
            <div class="mm">密码</div>
            <input type="password" class="login-pwd" name="password" placeholder="请设置密码"><br>
            <input type="submit" value="注&nbsp;&nbsp;册" class="login-button">
        </form>
        <div class="change-register-box">
            <form action="Login.jsp" method="post">
            <p class="a">已有账号？<a href="Login.jsp">立即登录</a></p>
            </form>
            <p class="p"><input type="checkbox" name="agree">我已阅读并同意 <a href="#">《用户协议》《隐私政策》《儿童/青少年个人信息保护规则》</a></p>
        </div>
    </div>


</div>

</body>
</html>
